import { PageContainer } from '@ant-design/pro-components';
import { Alert, Card, Carousel, Image, Typography } from 'antd';
import React from 'react';
import { HeartTwoTone, SmileTwoTone } from '@ant-design/icons';

const Welcome: React.FC = () => {

  return (
    <>
      <PageContainer>
        <Card style={{
          left: '6%',
        }}>
          <Alert
            message={'打造最体验感最好的消费者维权平台'}
            type="success"
            showIcon
            banner
            style={{
              margin: 12,
              marginBottom: 10,

            }}
          />
          <Typography.Title
            level={1}
            style={{
              textAlign: 'center',
            }}
          >
            <SmileTwoTone /> 消费者维权平台 <HeartTwoTone twoToneColor="#eb2f96" />
          </Typography.Title>
        </Card>
        <div style={{ width: '100%', margin: '80px' }}>
          <Image
            style={{}}
            src={
              'https://haowallpaper.com/link/common/file/previewFileImg/dbde7f6d25defaf49899b501ee112b3ddbde7f6d25defaf49899b501ee112b3d?'
            }
          />
        </div>

      </PageContainer>
    </>
  );
};
export default Welcome;
